.sf-menu { margin:0; padding:0; z-index:3;}
.sf-menu > li {
	float:left; 
	margin:0 0 0 0px;
	position:relative;
	width:157px;
	border-left: 1px solid #eaeaea;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
}

.sf-menu > li:first-child, .sf-menu > li.last {
	border-left: none;
	width:158px;
	border-top: none;
	border-bottom: none;
}

.sf-menu > li.last {
	border-left: 1px solid #eaeaea;
	width:159px;
}

.sf-menu > li > a {
	display:block;
	font-size:15px;
	line-height:1.2em;
	color:#404040;
	text-transform:uppercase;
	text-decoration:none; 
	text-align:center;
	position:relative;
	background:url(../images/menu-bg.png) 0 -59px repeat-x;
	padding:21px 0 18px;
	font-weight:bold;
	height:19px;
}

.sf-menu > li > a:hover, .sf-menu > li > a:hover, .sf-menu > li > a.current, .sf-menu > li.sfHover > a {background-position: 0 0; color:#FFF;}

.sf-menu > li > a em {
	position:absolute;
	top:42px;
	left:74px;
	display:block;
	width:10px;
	height:6px;
	background:url(../images/marker-1.png) no-repeat 0 0;
}

.sf-menu > li > a:hover em, .sf-menu > li.sfHover > a em, .sf-menu > li > a.current em {display:none;}

.sf-menu > li:first-child > a {
	background:url(../images/first-bg.png) no-repeat left -59px;
	padding-left:19px;
	padding-top:0;
	padding-bottom:0;
	height:60px;
}

.sf-menu > li:first-child > a strong {
	display:block;
	background:url(../images/menu-bg.png) repeat-x 0 -59px;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	padding:21px 19px 18px 0;
	overflow:hidden;
	height:19px;
}

.sf-menu > li.last > a {
	background:url(../images/last-bg.png) no-repeat right -59px;
	padding-right:19px;
	padding-top:0;
	padding-bottom:0;
	height:60px;
}

.sf-menu > li.last > a strong {
	display:block;
	background:url(../images/menu-bg.png) repeat-x 0 -59px;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	padding:21px 0px 18px 19px;
	overflow:hidden;
	height:19px;
}

/*.sf-menu li a:hover, .sf-menu li.sfHover a, .sf-menu li a.current {background-position:0 0;color:#FFF;}*/
.sf-menu li:first-child a:hover, .sf-menu li.sfHover:first-child a, .sf-menu li:first-child a.current {background-position:left 1px;color:#FFF;}
.sf-menu li.last a:hover, .sf-menu li.sfHover.last a, .sf-menu li.last a.current {background-position:right 1px;color:#FFF;}
.sf-menu li a:hover strong, .sf-menu li.sfHover a strong, .sf-menu li a.current strong {background-position:left 0;}
.sf-menu li.last a:hover strong, .sf-menu li.sfHover.last a strong, .sf-menu li.last a.current strong {background-position:0 0px;}

/***********************submenu***********************/
.sf-menu > li.sfHover > ul {
	display:none;
	position:absolute;
	width:141px; /* left offset of submenus need to match (see below) */
	padding:14px 9px 4px 16px;
	background:url(../images/ul2-bg.png) no-repeat 0 0;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:-2px; top:63px; z-index:99;}
.sf-menu ul > li {margin:0; position:relative;background:url(../images/marker-2.gif) no-repeat 0 8px;padding: 0 0 14px 10px;}
.sf-menu li:hover li a, .sf-menu li.sfHover li a {
	font-size:14px;
	line-height:22px;
	color:#030303;
	position:relative;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

.sf-menu li li > a:hover, .sf-menu li li.sfHover > a {color:#01c4d3 !important;}

/*.sf-menu li li > a:hover, .sf-menu li li.sfHover a {background-position:0 bottom;}*/

/***********************submenu2***********************/
.sf-menu ul ul {
	display:none;
	position:absolute;
	width:160px; /* left offset of submenus need to match (see below) */
	padding:12px 3px 17px 2px;
	background:none;
	border-bottom: none;
	border-right: none;
}

.sf-menu li li li {
	background:none;
	padding:0 0 0px 0;
	border:1px solid transparent;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:151px; top:-17px;}

.sf-menu li li li a {
	display:block;
	color:#fff !important;
	text-decoration:none;
	background: url(../images/hover2.png) no-repeat 0 0;
	padding: 6px 0 6px 18px;
	border:none;
	height:22px;
}

.sf-menu li li li a:hover {
	background-position: 0px -36px !important;
	color:#FFF !important;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;}